<template>
  <div id="app">
    <process-designer
      v-model="processXml"
      :process-id="processId"
      :process-name="processName"
      :process-desc="processDesc"
      :process-xml="processXml"
      :process-prefix="processPrefix"
      :process-properties="processProperties"
    />
  </div>
</template>

<script>
  import ProcessDesigner from './components/process-designer'
  import CustomProcessProperties from './custom/CustomProperties'

  export default {
    name: 'App',
    components: {
      ProcessDesigner
    },
    data() {
      return {
        processId: `process_${new Date().getTime()}`,
        processName: `流程_${new Date().getTime()}`,
        processPrefix: 'activiti',
        processDesc: '',
        processXml: null,
        processProperties: CustomProcessProperties
      }
    }
  }
</script>
<style lang="scss">
  #app {
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    display: inline-grid;
    grid-template-columns: auto max-content;
  }
</style>
